{extend name="layout/default" /}

{block name="title"}{$example->name} - 成都亚克茜科技{/block}

{block name="page_css"}
<link rel="stylesheet" href="/home_assets/css/detail.css">
{/block}

{block name="page_js"}
<script src="/home_assets/js/index.js"></script>
<script src="/home_assets/js/fastup.js"></script>
{/block}


{block name="body"}
<!-- 轮播图 -->
<div class="carousel">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/a039256bfc3e31e880d33f28fcce5703.png" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<!-- 应用介绍 -->
<div class="bread-bar wrap-container">
    <a href="/">首页</a>
    <img class="icon" src="/home_assets/imgs/bread-right.png" alt="">
    <a href="/home/page/case">案例展示</a>
    <img class="icon" src="/home_assets/imgs/bread-right.png" alt="">
    <a href="javascript:;">{$example->name}</a>
</div>
<!-- 详情内容 -->
<div class="detail-content">
    <div class="wrap-container">
        <div class="content-wrap">
            {$example->maincontent}
        </div>
    </div>
</div>
{/block}

{block name="page_footer_js"}
<script>
    var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
            clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
            el: ".swiper-scrollbar",
        },
    });


    // var previewImgSwiper = new Swiper(".preview-img-swiper", {
    //   loop: true, // 循环模式选项
    //   // 如果需要前进后退按钮
    //   navigation: {
    //     nextEl: ".preview-img-left",
    //     prevEl: ".preview-img-right",
    //   },
    // });

    // var previewMiniSwiper = new Swiper(".preview-mini-swiper", {
    //   loop: true, // 循环模式选项
    //   // 如果需要前进后退按钮
    //   navigation: {
    //     nextEl: ".preview-mini-left",
    //     prevEl: ".preview-mini-right",
    //   },
    // });
</script>
{/block}